<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
        <title>css仿京东底部菜单按钮悬浮层 - 二当家的</title>
        <meta name="keywords" content="京东手机底部模板,css手机底部悬浮层,css京东模板布局" /> 
        <meta name="description" content="这个底部悬浮层菜单是仿照京东商品详情的http://item.m.jd.com/product/1451400.html，菜单按钮有关注、加入购物车、购物车和立即购买。#carNum里面可加入购物车数量，为空表示购物车里面没有商品。" /> 
        <link rel="shortcut icon" href="Public/images/favicon.ico" type="image/x-icon" /> 
        <link rel="stylesheet" href="Public/css/style.css" type="text/css" /> 
                
    </head> 
    <body> 
        <div id="site_nav">
            <div  class="sn_container clearfix">
                <ul class="tg_tools fr">
                    <li class="no-hover">
                        <a href="member_pay.html" class="head_pay_btn">充值</a>
                    </li>
                    <li class="no-hover">
                        <a id="msg_notify" class="msg_notify" href="member_message.html"></a>
                    </li>
                    <li class='box_color nav_home'>
                        <span><a href="member_index.html">个人中心</a></span><b class="icon"></b>
                        <ul>
                            <li><a href="member_index.html"><span>我的主页</span></a></li>
                            <li><a href="member_set.html"><span>个人设置</span></a></li>
                            <li><a href="member_downloads.html"><span>下载记录</span></a></li>
                            
                            <li><a href="member_sign.html"><span>我的签到</span></a></li>
                            <li><a href="http://www.erdangjiade.com/Download/logout?r=/js/714.html"><span>退出登录</span></a></li>
                        </ul>
                    </li>
                    <li class="tg-line icon"></li>
                    <li class='box_color'>
                        <span>帮助中心</span><b class="icon"></b>
                        <ul>
                            <li><a href="help.html"><span>扒模板</span></a></li>
                            <li><a href="help.html"><span>积分获取</span></a></li>
                            <li><a href="help.html"><span>联系我们</span></a></li>
                            <li><a href="help.html"><span>关于我们</span></a></li>
                            <li><a href="help.html"><span>招纳贤士</span></a></li>
                        </ul>
                    </li>
                </ul>
                <ul class="tg_tools fl" id="login_area" >
                    <li class="tg_tools_home no-hover"><i class="icon-more"></i><span><a href="index.html">二当家的首页</a></span></li>

                                            <li class="no-hover nologin"><span><a href="http://www.erdangjiade.com/Index/login/type/qq.html"><img alt="Connect_logo_6.png" src="http://qzonestyle.gtimg.cn/qzone/vas/opensns/res/img/Connect_logo_6.png" style="position: relative;top:3px;"/></a></span></li>
                        <!--                                                <li class="no-hover nologin"><span><a href="http://www.erdangjiade.com/login.html" class="sn_login">登录</a></span></li>-->
                        <li class="no-hover hide haslogin"><span><a href="member_index.html"><font class="sn_login username" id='head_username'></font></a></span></li>
                        <li class="tg-line icon"></li>
                        <li class="no-hover nologin"><span><a href="http://www.erdangjiade.com/reg.html">注册</a></span></li>
                        <li class="no-hover hide haslogin"><span><a href="http://www.erdangjiade.com/Download/logout?r=/js/714.html">退出</a></span></li>                    <li class='box_color nav_home' id="nav_login">
                            <span><a href="http://www.erdangjiade.com/login.html" class="sn_login">登录</a></span><b class="icon"></b>
                            <ul>
                                <li><a href="http://www.erdangjiade.com/Index/login/type/sina.html"><span>新浪微博</span></a></li>
                                <li><a href="http://www.erdangjiade.com/Index/login/type/renren.html"><span>人人网<i style="visibility: hidden">站</i></span></a></li>
                            </ul>
                        </li>                </ul>
            </div>
        </div>
        <div id="header">
            <div class="tg_tools_home">
                <div class="bbs_enter">
                    <a class="bbs-banner"  href="help.html" target="_blank"><img src="Public/images/other/banner.jpg" alt="扒模板"/></a>
                </div>
                <div class="logo">
                    <a class="logo-bd"  href="index.html"><img src="Public/images/logo.png" alt="二当家的logo"/></a>
                </div>
                <form action="search.html" method="GET" id="form_search" onsubmit="return searchSub()">
                    <div id='search'>
                        <div class="search_area">
                            <input type='submit' value='搜 索' class='btn_search'/>
                            <div class="search_select">
                                <span class="icon-search"></span>
                            </div>
                            <input type='text' value='请输入搜索内容'  class="search_input"  autocomplete="off" id="search_input" data-default="请输入搜索内容" onblur="checkInputBlur($(this))" onfocus="checkInputFocus($(this))" />
                            <input type="hidden" name="keyword"/>
                        </div>
                        <div class="search_box hide" id="search_box"></div>
                        <div class='search_keywords' >
                            <span>热门搜索：</span>
                            <a href="http://www.erdangjiade.com/search/search.html?keyword=手机" class="red">手机</a>
                            <a href="js.html?/8-0-0-0">导航菜单</a>
                            <a href="http://www.erdangjiade.com/search/search.html?keyword=bootstrap">bootstrap</a>
                            <a href="http://www.erdangjiade.com/search/search.html?keyword=后台">后台</a>
                            <a href="http://www.erdangjiade.com/search/search.html?keyword=上传"class="red">上传</a>
                            <a href="http://www.erdangjiade.com/search/search.html?keyword=购物车">购物车</a>
                            <a href="js.html?/106-0-0-0" class="red">日期时间</a>
                            <a href="http://www.erdangjiade.com/search/search.html?keyword=弹出层">弹出层</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div id='nav' class='nav'>
            <div class='nav_main clearfix'>
                <a href='http://www.erdangjiade.com' class="menu">首 页</a>
                <a href='js.html?' class="menu current">jQuery特效</a>
                <a href='js.html?' class="menu">PHP</a>
                <a href='js.html?' class="menu">网站模板</a>
                <!--                <a href='http://www.erdangjiade.com/psd' class="menu">网站psd</a>-->
                                <a href='topic.html' class="menu">话题社区</a>
                <a href='js.html?' class="menu">精选网址</a>
                <a href='tool.html?' class="menu">工具箱</a>
                <a href='help.html' class="menu">扒模板</a>
                <!--                <a href='http://idc.erdangjiade.com/' class="menu" target="_blank">服务器</a>-->
                <span class='icon_hot'></span>
            </div>
        </div>
<div class="breadcrumbs">
    <span>&gt;</span><a href="js.html?">网页特效</a>
    <span>&gt;</span><a href="js.html?/149-0-0-0">手机特效</a>
    <span>&gt;</span>css仿京东底部菜单按钮悬浮层        
</div>
<div  class="container clearfix">
    <div class="sidebar">
    <div class="sidebar_per sidebar_first">
        <dl>
            <dt>
            <a href="js.html?/0-0-6-0" class="more">更多&nbsp;<span class="more-sign">&gt;</span></a>
            <strong>推荐特效 <span class="name-en">/Recommed</span></strong>
            </dt>
            <dd class="sidebar_articles">
                    <span>03-04</span>
                    <a target="_blank"  href="js.html?/712.html">Thinkphp定时执行任务</a>
                </dd><dd class="sidebar_articles">
                    <span>01-17</span>
                    <a target="_blank"  href="js.html?/684.html">PHP支持手势的手机端图片裁剪上传</a>
                </dd><dd class="sidebar_articles">
                    <span>01-12</span>
                    <a target="_blank"  href="js.html?/669.html">jQuery仿win10桌面QQ聊天ui</a>
                </dd><dd class="sidebar_articles">
                    <span>01-09</span>
                    <a target="_blank"  href="js.html?/660.html">bootstrap-treeview.js多级下拉树菜单</a>
                </dd><dd class="sidebar_articles">
                    <span>01-02</span>
                    <a target="_blank"  href="js.html?/637.html">Thinkphp原创Ajax分页加搜索查询</a>
                </dd><dd class="sidebar_articles">
                    <span>12-26</span>
                    <a target="_blank"  href="js.html?/618.html">PHP+jQuery+Ajax无刷新分页加搜索</a>
                </dd><dd class="sidebar_articles">
                    <span>11-25</span>
                    <a target="_blank"  href="js.html?/574.html">cxSelect多级省市区联动插件</a>
                </dd><dd class="sidebar_articles">
                    <span>11-24</span>
                    <a target="_blank"  href="js.html?/573.html">jQuery省市区三级和四级联动演示</a>
                </dd><dd class="sidebar_articles">
                    <span>11-18</span>
                    <a target="_blank"  href="js.html?/567.html">jQuery+Ajax打开弹出分页层并保存多选框选中数据</a>
                </dd><dd class="sidebar_articles">
                    <span>11-16</span>
                    <a target="_blank"  href="js.html?/565.html">php快递运单号接口查询</a>
                </dd><dd class="sidebar_articles">
                    <span>01-07</span>
                    <a target="_blank"  href="js.html?/563.html">Thinkphp仿淘宝分页跳转</a>
                </dd><dd class="sidebar_articles">
                    <span>11-10</span>
                    <a target="_blank"  href="js.html?/559.html">jQuery自动输入email、时间和域名</a>
                </dd><dd class="sidebar_articles">
                    <span>11-08</span>
                    <a target="_blank"  href="js.html?/557.html">Thinkphp带表情的无限评论回复</a>
                </dd><dd class="sidebar_articles">
                    <span>11-02</span>
                    <a target="_blank"  href="js.html?/551.html">jQuery仿京东检测验密码强度</a>
                </dd>        </dl>
    </div>
    <div class="sidebar_per">
    <script type="text/javascript">
        /*275*180 创建于 2015-06-27*/
        var cpro_id = "u2176557";
    </script>
    <script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>
</div>
    <div class="sidebar_per">
        <dl>
            <dt>
            <a href="js.html?/" class="more">更多&nbsp;<span class="more-sign">&gt;</span></a>
            <strong>最新特效 <span class="name-en">/New</span></strong>
            </dt>
            <dd class="sidebar_articles">
                    <span>01-27</span>
                    <a target="_blank"  href="js.html?/713.html">jQuery仿京东手机版头部菜单</a>
                </dd><dd class="sidebar_articles">
                    <span>03-04</span>
                    <a target="_blank"  href="js.html?/712.html">Thinkphp定时执行任务</a>
                </dd><dd class="sidebar_articles">
                    <span>01-26</span>
                    <a target="_blank"  href="js.html?/711.html">PHP+jQuery二级分类单选和多选弹出层</a>
                </dd><dd class="sidebar_articles">
                    <span>01-26</span>
                    <a target="_blank"  href="js.html?/710.html">jquery无限级城市多选弹出层</a>
                </dd><dd class="sidebar_articles">
                    <span>01-26</span>
                    <a target="_blank"  href="js.html?/709.html">jQuery仿天猫手机站信息提示弹出层</a>
                </dd><dd class="sidebar_articles">
                    <span>01-25</span>
                    <a target="_blank"  href="js.html?/708.html">deck.js演示花式扑克牌</a>
                </dd><dd class="sidebar_articles">
                    <span>01-25</span>
                    <a target="_blank"  href="js.html?/707.html">jQuery+Cookie引导用户操作插件</a>
                </dd><dd class="sidebar_articles">
                    <span>01-25</span>
                    <a target="_blank"  href="js.html?/706.html">EmojiPicker表情插件</a>
                </dd><dd class="sidebar_articles">
                    <span>01-24</span>
                    <a target="_blank"  href="js.html?/705.html">jQuery10种不同动画效果的响应式全屏遮罩层</a>
                </dd><dd class="sidebar_articles">
                    <span>01-24</span>
                    <a target="_blank"  href="js.html?/704.html">rcswitcher将radio和checkbox转换成多皮肤开关按钮</a>
                </dd><dd class="sidebar_articles">
                    <span>01-24</span>
                    <a target="_blank"  href="js.html?/703.html">纯CSS3写的10种不同的酷炫图片遮罩层效果</a>
                </dd><dd class="sidebar_articles">
                    <span>01-23</span>
                    <a target="_blank"  href="js.html?/702.html">纯css实现照片墙效果</a>
                </dd><dd class="sidebar_articles">
                    <span>01-23</span>
                    <a target="_blank"  href="js.html?/701.html">cbpContentSlider滑动切换对应内容</a>
                </dd><dd class="sidebar_articles">
                    <span>01-23</span>
                    <a target="_blank"  href="js.html?/700.html">colpick又一款rgb颜色选择器插件</a>
                </dd>        </dl>
    </div>
    
    <div class="sidebar_per">
        <dl>
            <dt>
            <a href="js.html?/" class="more">更多&nbsp;<span class="more-sign">&gt;</span></a>
            <strong>标签云 <span class="name-en">/Tag</span></strong>
            </dt>
            <dd class="sidebar_tags">
            <a target="_blank" href="js.html?/tag-焦点图.html">焦点图</a><a target="_blank" href="js.html?/tag-滚动.html">滚动</a><a target="_blank" href="js.html?/tag-幻灯片.html">幻灯片</a><a target="_blank" href="js.html?/tag-轮播.html">轮播</a><a target="_blank" href="js.html?/tag-导航菜单.html">导航菜单</a><a target="_blank" href="js.html?/tag-滑动.html">滑动</a><a target="_blank" href="js.html?/tag-抽奖.html">抽奖</a><a target="_blank" href="js.html?/tag-弹出层.html">弹出层</a><a target="_blank" href="js.html?/tag-切换.html">切换</a><a target="_blank" href="js.html?/tag-下拉菜单.html">下拉菜单</a><a target="_blank" href="js.html?/tag-瀑布流.html">瀑布流</a><a target="_blank" href="js.html?/tag-上传.html">上传</a><a target="_blank" href="js.html?/tag-菜单.html">菜单</a><a target="_blank" href="js.html?/tag-旋转.html">旋转</a><a target="_blank" href="js.html?/tag-bootstrap.html">bootstrap</a><a target="_blank" href="js.html?/tag-表单.html">表单</a><a target="_blank" href="js.html?/tag-全屏.html">全屏</a><a target="_blank" href="js.html?/tag-动画.html">动画</a><a target="_blank" href="js.html?/tag-导航.html">导航</a><a target="_blank" href="js.html?/tag-缩略图.html">缩略图</a><a target="_blank" href="js.html?/tag-3d.html">3d</a><a target="_blank" href="js.html?/tag-二级菜单.html">二级菜单</a><a target="_blank" href="js.html?/tag-广告.html">广告</a><a target="_blank" href="js.html?/tag-加载.html">加载</a><a target="_blank" href="js.html?/tag-qq.html">qq</a><a target="_blank" href="js.html?/tag-菜单导航.html">菜单导航</a><a target="_blank" href="js.html?/tag-分页.html">分页</a><a target="_blank" href="js.html?/tag-提示.html">提示</a><a target="_blank" href="js.html?/tag-rotate.html">rotate</a><a target="_blank" href="js.html?/tag-画廊.html">画廊</a><a target="_blank" href="js.html?/tag-ajax.html">ajax</a><a target="_blank" href="js.html?/tag-统计图.html">统计图</a><a target="_blank" href="js.html?/tag-日期.html">日期</a><a target="_blank" href="js.html?/tag-编辑器.html">编辑器</a><a target="_blank" href="js.html?/tag-转盘.html">转盘</a><a target="_blank" href="js.html?/tag-响应式.html">响应式</a><a target="_blank" href="js.html?/tag-select.html">select</a><a target="_blank" href="js.html?/tag-懒加载.html">懒加载</a><a target="_blank" href="js.html?/tag-时间.html">时间</a><a target="_blank" href="js.html?/tag-购物车.html">购物车</a><a target="_blank" href="js.html?/tag-验证.html">验证</a><a target="_blank" href="js.html?/tag-拖动.html">拖动</a><a target="_blank" href="js.html?/tag-垂直.html">垂直</a><a target="_blank" href="js.html?/tag-音频.html">音频</a><a target="_blank" href="js.html?/tag-手风琴.html">手风琴</a><a target="_blank" href="js.html?/tag-modal.html">modal</a><a target="_blank" href="js.html?/tag-Slide.html">Slide</a><a target="_blank" href="js.html?/tag-时间轴.html">时间轴</a><a target="_blank" href="js.html?/tag-翻牌.html">翻牌</a><a target="_blank" href="js.html?/tag-canvas.html">canvas</a><a target="_blank" href="js.html?/tag-页面.html">页面</a><a target="_blank" href="js.html?/tag-相册.html">相册</a><a target="_blank" href="js.html?/tag-选择.html">选择</a><a target="_blank" href="js.html?/tag-悬浮.html">悬浮</a><a target="_blank" href="js.html?/tag-排序.html">排序</a><a target="_blank" href="js.html?/tag-联动.html">联动</a><a target="_blank" href="js.html?/tag-定位.html">定位</a><a target="_blank" href="js.html?/tag-下拉框.html">下拉框</a><a target="_blank" href="js.html?/tag-upload.html">upload</a><a target="_blank" href="js.html?/tag-多级菜单.html">多级菜单</a><a target="_blank" href="js.html?/tag-手机菜单.html">手机菜单</a><a target="_blank" href="js.html?/tag-table.html">table</a><a target="_blank" href="js.html?/tag-表格.html">表格</a><a target="_blank" href="js.html?/tag-在线.html">在线</a><a target="_blank" href="js.html?/tag-图表.html">图表</a><a target="_blank" href="js.html?/tag-cookie.html">cookie</a><a target="_blank" href="js.html?/tag-日历.html">日历</a><a target="_blank" href="js.html?/tag-放大镜.html">放大镜</a><a target="_blank" href="js.html?/tag-音乐.html">音乐</a><a target="_blank" href="js.html?/tag-鼠标.html">鼠标</a><a target="_blank" href="js.html?/tag-animate.html">animate</a><a target="_blank" href="js.html?/tag-柱状图.html">柱状图</a><a target="_blank" href="js.html?/tag-三级.html">三级</a><a target="_blank" href="js.html?/tag-触屏.html">触屏</a><a target="_blank" href="js.html?/tag-选项卡.html">选项卡</a><a target="_blank" href="js.html?/tag-照片墙.html">照片墙</a><a target="_blank" href="js.html?/tag-背景.html">背景</a><a target="_blank" href="js.html?/tag-fullpage.html">fullpage</a><a target="_blank" href="js.html?/tag-邮箱.html">邮箱</a><a target="_blank" href="js.html?/tag-美化.html">美化</a><a target="_blank" href="js.html?/tag-Carousel.html">Carousel</a><a target="_blank" href="js.html?/tag-遮罩层.html">遮罩层</a><a target="_blank" href="js.html?/tag-二级导航.html">二级导航</a><a target="_blank" href="js.html?/tag-放大.html">放大</a><a target="_blank" href="js.html?/tag-视频.html">视频</a><a target="_blank" href="js.html?/tag-倒计时.html">倒计时</a><a target="_blank" href="js.html?/tag-登录.html">登录</a><a target="_blank" href="js.html?/tag-星星.html">星星</a><a target="_blank" href="js.html?/tag-html5.html">html5</a><a target="_blank" href="js.html?/tag-顶部.html">顶部</a><a target="_blank" href="js.html?/tag-手机.html">手机</a><a target="_blank" href="js.html?/tag-裁剪.html">裁剪</a><a target="_blank" href="js.html?/tag-scroll.html">scroll</a><a target="_blank" href="js.html?/tag-验证码.html">验证码</a><a target="_blank" href="js.html?/tag-mp3.html">mp3</a><a target="_blank" href="js.html?/tag-jqueryui.html">jqueryui</a><a target="_blank" href="js.html?/tag-圆形.html">圆形</a><a target="_blank" href="js.html?/tag-下拉.html">下拉</a><a target="_blank" href="js.html?/tag-上下.html">上下</a><a target="_blank" href="js.html?/tag-树.html">树</a><a target="_blank" href="js.html?/tag-文字.html">文字</a><a target="_blank" href="js.html?/tag-播放器.html">播放器</a><a target="_blank" href="js.html?/tag-loading.html">loading</a><a target="_blank" href="js.html?/tag-background.html">background</a>            </dd>
        </dl>
    </div>
    
    <div class="sidebar_per">
        <dl>
            <dt>
            <a href="js.html?/" class="more">更多&nbsp;<span class="more-sign">&gt;</span></a>
            <strong>相关特效 <span class="name-en">/Relative</span></strong>
            </dt>
            <dd class="sidebar_articles">
                    <span>04-02</span>
                    <a target="_blank"  href="js.html?/7.html">SuperSlide焦点图_Tab切换_图片滚动_无缝滚动</a>
                </dd><dd class="sidebar_articles">
                    <span>04-04</span>
                    <a target="_blank"  href="js.html?/21.html">jQuery仿天猫左侧导航滚动效果</a>
                </dd><dd class="sidebar_articles">
                    <span>04-05</span>
                    <a target="_blank"  href="js.html?/25.html">jQuery快速显示子菜单</a>
                </dd><dd class="sidebar_articles">
                    <span>04-06</span>
                    <a target="_blank"  href="js.html?/31.html">jQuery实现简单而且很酷的返回顶部效果</a>
                </dd><dd class="sidebar_articles">
                    <span>04-06</span>
                    <a target="_blank"  href="js.html?/32.html">jQuery实现页面滚动时元素智能定位</a>
                </dd><dd class="sidebar_articles">
                    <span>04-08</span>
                    <a target="_blank"  href="js.html?/40.html">兼容主流浏览器的jQuery多级手风琴菜单</a>
                </dd><dd class="sidebar_articles">
                    <span>04-15</span>
                    <a target="_blank"  href="js.html?/52.html">jQuery仿天猫左侧分类导航</a>
                </dd><dd class="sidebar_articles">
                    <span>04-22</span>
                    <a target="_blank"  href="js.html?/66.html">Quicksand超漂亮的菜单排序效果</a>
                </dd><dd class="sidebar_articles">
                    <span>05-17</span>
                    <a target="_blank"  href="js.html?/121.html">多级css3响应式下拉导航</a>
                </dd><dd class="sidebar_articles">
                    <span>05-17</span>
                    <a target="_blank"  href="js.html?/122.html">jQuery红色动画下拉导航效果</a>
                </dd><dd class="sidebar_articles">
                    <span>05-29</span>
                    <a target="_blank"  href="js.html?/135.html">jQuery后台左侧菜单导航切换子菜单</a>
                </dd><dd class="sidebar_articles">
                    <span>06-14</span>
                    <a target="_blank"  href="js.html?/192.html">jQuery动画导航菜单效果</a>
                </dd><dd class="sidebar_articles">
                    <span>08-21</span>
                    <a target="_blank"  href="js.html?/219.html">jQuery背景可滑动的导航菜单</a>
                </dd><dd class="sidebar_articles">
                    <span>08-20</span>
                    <a target="_blank"  href="js.html?/240.html">smint固定导航插件</a>
                </dd><dd class="sidebar_articles">
                    <span>08-20</span>
                    <a target="_blank"  href="js.html?/257.html">jQuery导航菜单上下翻动效果</a>
                </dd><dd class="sidebar_articles">
                    <span>08-21</span>
                    <a target="_blank"  href="js.html?/317.html">jQuery仿京东首页左侧菜单导航</a>
                </dd><dd class="sidebar_articles">
                    <span>10-25</span>
                    <a target="_blank"  href="js.html?/543.html">jQuery菜单滑动</a>
                </dd><dd class="sidebar_articles">
                    <span>12-21</span>
                    <a target="_blank"  href="js.html?/603.html">jQuery两种响应式手机打开菜单酷炫效果演示</a>
                </dd><dd class="sidebar_articles">
                    <span>12-22</span>
                    <a target="_blank"  href="js.html?/604.html">jQuery滚动条滚动显示手机菜单</a>
                </dd><dd class="sidebar_articles">
                    <span>12-23</span>
                    <a target="_blank"  href="js.html?/607.html">jQuery适合做点菜或打开贺卡的菜单插件</a>
                </dd>        </dl>
    </div></div>
    <div class="detail">
        <div class="head">
            <div class="head_inner">
                <img class="round-image" width="50" height="50" alt="头像" src="other/avatar/dir/1.jpg" />
                <h1>css仿京东底部菜单按钮悬浮层 </h1>
                <p class="info">
                    <span class="fr">来源：<a target="_blank" href="js.html?/714.html">js.html?/714.html</a></span>
                    二当家的管理员                    <span class="addtime">2016-01-27 18:18</span><span>浏览(<span>101</span>)</span>
<!--                    <a id="share-list" class="share-list"  href="javascript:void(0)">
<b></b>
<em>分享</em>
</a>-->
                    <a class="poster_likes " onclick="getCollect($(this), '714', '2')" href="javascript:void(0)">
                        <i class="like_status lm_like"></i><em>收藏</em>
                    </a>
                    
                </p>
            </div>
        </div>
        <div class="content">
            <p class="short_tit">这个底部悬浮层菜单是仿照京东商品详情的<a href="http://item.m.jd.com/product/1451400.html" target="_blank">http://item.m.jd.com/product/1451400.html</a>，菜单按钮有关注、加入购物车、购物车和立即购买。#carNum里面可加入购物车数量，为空表示购物车里面没有商品。</p>
            <p>二当家的QQ群：368848856，在线<a href="member_pay.html">充值</a>，或联系QQ368848856直接充值</p>
            <div class="demo_image" >
                    
                    <a href="http://www.erdangjiade.com/jquery/7/714/demo/" target="_blank"><img alt="css仿京东底部菜单按钮悬浮层" src="http://www.erdangjiade.com/jquery/7/714/big.jpg" ></a>
                   <script type="text/javascript">
    /*为了保证用户体验及收益，图片大小不得小于：200*180*/
    /*图文广告*/
var cpro_id = "u2176026";
</script>
<script src="http://cpro.baidustatic.com/cpro/ui/i.js" type="text/javascript"></script>
                </div>            <div class="template_feature">
                <span class='feature'>分类：<a href="js.html?/149-0-0-0" target="_blank">手机特效</a> 
                    &gt; <a href="js.html?/153-0-0-0" target="_blank">导航菜单</a></span>
                <span class='feature'>难易：<a href="js.html?/0-3-0-0" target="_blank">入门级</a></span>
            </div>
            <div class="buttons">
                    
                    <span class="btnbox">
                        <a class="bigbtn demo" href="http://www.erdangjiade.com/jquery/7/714/demo/" target="_blank">查看演示</a>
                        <span class="dlnum">
                            下载资源：
                            <strong class="orange">3</strong>
                            次
                        </span>
                    </span>
                     
                    <span class="btnbox">
                   <a class="bigbtn download notlogin"  onclick="downloadZip('714','2')">下载资源</a>
                        <span class="dlcount">
                            下载积分：
                            <strong class="orange">1</strong>
                            分
                        </span>
                    </span>
                </div>
            <h3>底部菜单html</h3><pre><code class='html'>&lt;div class=&quot;cart-concern-btm-fixed four-column&quot; id=&quot;cart1&quot; style=&quot;display: table;&quot;&gt;
    &lt;div class=&quot;concern-cart&quot;&gt;
        &lt;a  id=&quot;payAttention&quot; class=&quot;love-heart-icn J_ping&quot;&gt;
            &lt;em  class=&quot;btm-act-attention&quot;&gt;&lt;/em&gt;
            &lt;span&gt;关注&lt;/span&gt;
        &lt;/a&gt;
        &lt;a id=&quot;toCart&quot; class=&quot;cart-car-icn&quot;&gt;
            &lt;em id=&quot;shoppingCart&quot; class=&quot;btm-act-icn&quot;&gt;
                &lt;i id=&quot;carNum&quot; class=&quot;order-numbers&quot;&gt;3&lt;/i&gt;
            &lt;/em&gt;
            &lt;span&gt;购物车&lt;/span&gt;
        &lt;/a&gt;
    &lt;/div&gt;
    &lt;div class=&quot;action-list&quot;&gt;
        &lt;a id=&quot;add_cart&quot; class=&quot;yellow-color&quot; style=&quot;transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);&quot;&gt; 加入购物车 &lt;/a&gt;
        &lt;a id=&quot;directorder&quot; class=&quot;red-color &quot; style=&quot;transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);&quot;&gt;立即购买&lt;/a&gt;
    &lt;/div&gt;
&lt;/div&gt;</code></pre><h3>底部悬浮导航样式</h3><pre><code class='css'>.cart-concern-btm-fixed {
    bottom: 0;
    height: 50px;
    left: 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 10;
}

.four-column .concern-cart {
    width: 42%;
}
.concern-cart {
    background-color: rgba(0, 0, 0, 0.8);
}
.concern-cart, .action-list {
    float: left;
}

.concern-cart a {
    color: #d4d4d4;
    font-size: 10px;
}
.concern-cart a, .action-list a {
    width: 50%;
}
.concern-cart a, .action-list a {
    display: inline-block;
    float: left;
    height: 50px;
    line-height: 50px;
}

.focus-container {
    display: inline-block;
    text-align: center;
    width: 40px;
}

.focus-container .focus-icon {
    margin-bottom: -18px;
    text-align: center;
}

.focus-out {
    background-position: 0 0;
    display: inline-block;
    height: 19px;
    width: 21px;
}

.concern-cart a span {
    display: block;
    height: 18px;
    line-height: 13px;
    text-align: center;
}
.focus-info {
    color: #d4d4d4;
    font-size: 10px;
}
em.btm-act-icn {
    background: url(&quot;../images/sprits_btm_new.png&quot;) no-repeat scroll 0 0;
    display: block;
    height: 24px;
    margin: 8px auto 0;
    position: relative;
    width: 25px;
}
.cart-car-icn .btm-act-icn {
    background-position: 0 -23px;
    background-size: 50px 50px;
}

.order-numbers {
    background-color: white;
    border-radius: 8px;
    color: #f15353;
    display: inline-block;
    font-size: 8px;
    font-style: normal;
    line-height: 12px;
    padding: 0 5px;
    position: absolute;
    right: -10px;
    top: -5px;
}

.four-column .action-list {
    width: 58%;
}

.action-list a {
    color: #fff;
    font-size: 15px;
}
.yellow-color {
    background-color: #ffb03f;
}
.red-color {
    background-color: #f15353;
}
em.btm-act-attention {
    background:  url(&quot;../images/focus-icon.png&quot;) no-repeat scroll 0 0 / 100px 100px;
    display: inline-block;
    height: 19px;
    width: 21px;
    background-position: 0 0;
    margin:10.6px 0 2px
}</code></pre>            
        </div>
        <div class="detail_foot clearfix">
    <div class="bshare">
        <div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone"></a><a href="#" class="bds_tsina" data-cmd="tsina"></a><a href="#" class="bds_tqq" data-cmd="tqq"></a><a href="#" class="bds_renren" data-cmd="renren"></a><a href="#" class="bds_weixin" data-cmd="weixin"></a></div>
        <script>window._bd_share_config = {"common": {"bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdPic": "", "bdStyle": "0", "bdSize": "16"}, "share": {}, "image": {"viewList": ["qzone", "tsina", "tqq", "renren", "weixin"], "viewText": "分享到：", "viewSize": "16"}, "selectShare": {"bdContainerClass": null, "bdSelectMiniList": ["qzone", "tsina", "tqq", "renren", "weixin"]}};
            with (document)
                0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];</script>
    </div>  
    <!--       <div class="bshare">
                    <div class="bshare-custom"><a title="分享到QQ空间" class="bshare-qzone"></a><a title="分享到新浪微博" class="bshare-sinaminiblog"></a><a title="分享到人人网" class="bshare-renren"></a><a title="分享到腾讯微博" class="bshare-qqmb"></a><a title="分享到网易微博" class="bshare-neteasemb"></a><a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a><span class="BSHARE_COUNT bshare-share-count">0</span></div><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
                </div>-->
    <div class="tagged_with">
            <span class="gray">标签：</span>
            <a target="_blank" class="button3 white" href="js.html?/tag-导航">导航</a><a target="_blank" class="button3 white" href="js.html?/tag-底部">底部</a><a target="_blank" class="button3 white" href="js.html?/tag-菜单">菜单</a>        </div>    <div class="declare"><span>声明：</span>本文为原创文章，如需转载，请注明来源<a href="index.html">erdangjiade.com</a>并保留原文链接：<a href='js.html?/714.html'>js.html?/714.html</a></div>
    <div class="alipay">
        <strong>如果您觉得本文的内容对您的学习有所帮助，您可以扫描下面的二维码请我喝杯茶，感谢！</strong>
        <div class="alipay_img">
            <img src="Public/images/pay.jpg" alt="alipay转账">
        </div>
    </div>
    <div class="page_nav clearfix">
        <div class="next_page" title="下一篇">
                    </div>
        <div class="pre_page" title="上一篇">
            <a href="js.html?/713.html" target="_blank">jQuery仿京东手机版头部菜单</a>
        </div>

    </div>
    <script type="text/javascript">
    /*760*90 横幅*/
    var cpro_id = "u2182156";
</script>
<script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>

    <div class="comments">
        <div class="title">
            评论<span class="num_area">（<em class="comments_num" id="comments_num">4</em>）</span>
        </div>  

        <div class="comment_send clearfix">
            <div class="comment_avatar">
                <span class="userPic">
                    <img class='userPic avatar user_my_avatar' width="60" height="60" src="Public/images/avatar.jpg" alt="头像">
                </span>
                <font class="username"></font>
            </div>
            <div class="comment_sendPart" id='reply_0'>
                <textarea id="textareaComment" class="textarea_comment" name="content"  autocomplete="off"  data-default="发布评论" onblur="checkInputBlur($(this))" onfocus="checkInputFocus($(this));
                        if ($(this).val() != '发布评论')
                            $(this).css({'color': '#333'})">发布评论</textarea>
                <div class="btn_p clearfix">
                    <span class="comment_tip" id="comment_tip_0" data-top="11" data-foot="36"></span>
                    <button class="btn_subGrey btn" type="button" onclick="subcomment('714', '2', 0)">提 交</button>
                    <span class="emotion" tabindex="1" data-id='0'></span>
                </div>
            </div>
        </div>
        <div  class="comment_wrap">
            <ul class="comment_listBox" id="comment_list">
                <li class="comment_list clearfix" id="comment_7937" >
                    <div class="comment_avatar">
                        <span class='userPic'><img width="36" height="36" src="other/avatar/dir/240.jpg" alt="头像"></span>
                        <span class="grey">3楼</span>
                    </div>
                    <div class="comment_conBox">
                        <div class="comment_avatar_time">
                            <div class="time">03-06 10:22</div> 5852305                        </div>
                        <div class="comment_conWrap clearfix">
                            <div class="comment_action"><a class="reply" onclick="reply_btn('7937')">回复</a> </div>
                            <div class="comment_con">这个效果很好啊</div>
                        </div>
                        <div id='reply_7937' class='reply_area'>
                            <textarea  class="textarea_comment" name="content" autocomplete="off"></textarea>
                            <div class="btn_p clearfix">
                                <span class="comment_tip" id="comment_tip_7937" data-top="4" data-foot="29"></span>
                                <button class="btn_subGrey btn" onclick="subcomment('714', '2', '7937', 0)" type="button">提交</button>
                                <span class="emotion" tabindex="1" data-id='7937'></span>
                            </div>
                        </div>
                        <div class="blockquote_wrap">
                                                    </div>
                    </div>
                    </li><li class="comment_list clearfix" id="comment_7931" >
                    <div class="comment_avatar">
                        <span class='userPic'><img width="36" height="36" src="other/avatar/dir/789.jpg" alt="头像"></span>
                        <span class="grey">板凳</span>
                    </div>
                    <div class="comment_conBox">
                        <div class="comment_avatar_time">
                            <div class="time">03-06 08:46</div> dansham                        </div>
                        <div class="comment_conWrap clearfix">
                            <div class="comment_action"><a class="reply" onclick="reply_btn('7931')">回复</a> </div>
                            <div class="comment_con">不错啊，</div>
                        </div>
                        <div id='reply_7931' class='reply_area'>
                            <textarea  class="textarea_comment" name="content" autocomplete="off"></textarea>
                            <div class="btn_p clearfix">
                                <span class="comment_tip" id="comment_tip_7931" data-top="4" data-foot="29"></span>
                                <button class="btn_subGrey btn" onclick="subcomment('714', '2', '7931', 0)" type="button">提交</button>
                                <span class="emotion" tabindex="1" data-id='7931'></span>
                            </div>
                        </div>
                        <div class="blockquote_wrap">
                                                    </div>
                    </div>
                    </li><li class="comment_list clearfix" id="comment_7920" >
                    <div class="comment_avatar">
                        <span class='userPic'><img width="36" height="36" src="other/avatar/dir/571.jpg" alt="头像"></span>
                        <span class="grey">椅子</span>
                    </div>
                    <div class="comment_conBox">
                        <div class="comment_avatar_time">
                            <div class="time">03-05 10:27</div> toease                        </div>
                        <div class="comment_conWrap clearfix">
                            <div class="comment_action"><a class="reply" onclick="reply_btn('7920')">回复</a> </div>
                            <div class="comment_con">纯css的，不错哦</div>
                        </div>
                        <div id='reply_7920' class='reply_area'>
                            <textarea  class="textarea_comment" name="content" autocomplete="off"></textarea>
                            <div class="btn_p clearfix">
                                <span class="comment_tip" id="comment_tip_7920" data-top="4" data-foot="29"></span>
                                <button class="btn_subGrey btn" onclick="subcomment('714', '2', '7920', 0)" type="button">提交</button>
                                <span class="emotion" tabindex="1" data-id='7920'></span>
                            </div>
                        </div>
                        <div class="blockquote_wrap">
                                                    </div>
                    </div>
                    </li><li class="comment_list clearfix" id="comment_7908" style='border-bottom:none'>
                    <div class="comment_avatar">
                        <span class='userPic'><img width="36" height="36" src="Public/images/avatar.jpg" alt="头像"></span>
                        <span class="grey">沙发</span>
                    </div>
                    <div class="comment_conBox">
                        <div class="comment_avatar_time">
                            <div class="time">03-05 08:38</div> keith68_huang                        </div>
                        <div class="comment_conWrap clearfix">
                            <div class="comment_action"><a class="reply" onclick="reply_btn('7908')">回复</a> </div>
                            <div class="comment_con">不错的网站。。。</div>
                        </div>
                        <div id='reply_7908' class='reply_area'>
                            <textarea  class="textarea_comment" name="content" autocomplete="off"></textarea>
                            <div class="btn_p clearfix">
                                <span class="comment_tip" id="comment_tip_7908" data-top="4" data-foot="29"></span>
                                <button class="btn_subGrey btn" onclick="subcomment('714', '2', '7908', 0)" type="button">提交</button>
                                <span class="emotion" tabindex="1" data-id='7908'></span>
                            </div>
                        </div>
                        <div class="blockquote_wrap">
                                                    </div>
                    </div>
                    </li>            </ul>
                    </div>
    </div>
</div>
<div class="smileBoxOuter" id="smileBoxOuter" tabindex="2">
    <ul class="smileBox">
        <li><a href="javascript:void(0)" class="smile1" title="糗大了"></a></li><li><a href="javascript:void(0)" class="smile2" title="示爱"></a></li><li><a href="javascript:void(0)" class="smile3" title="晕"></a></li><li><a href="javascript:void(0)" class="smile4" title="酷"></a></li><li><a href="javascript:void(0)" class="smile5" title="流泪"></a></li><li><a href="javascript:void(0)" class="smile6" title="饿了"></a></li><li><a href="javascript:void(0)" class="smile7" title="闭嘴"></a></li><li><a href="javascript:void(0)" class="smile8" title="做鬼脸"></a></li><li><a href="javascript:void(0)" class="smile9" title="馋"></a></li><li><a href="javascript:void(0)" class="smile10" title="坏笑"></a></li><li><a href="javascript:void(0)" class="smile11" title="抓狂"></a></li><li><a href="javascript:void(0)" class="smile12" title="呵呵"></a></li><li><a href="javascript:void(0)" class="smile13" title="淡定"></a></li><li><a href="javascript:void(0)" class="smile14" title="冷汗"></a></li><li><a href="javascript:void(0)" class="smile15" title="色"></a></li><li><a href="javascript:void(0)" class="smile16" title="惊讶"></a></li><li><a href="javascript:void(0)" class="smile17" title="希望"></a></li><li><a href="javascript:void(0)" class="smile18" title="伤心"></a></li><li><a href="javascript:void(0)" class="smile19" title="微笑"></a></li><li><a href="javascript:void(0)" class="smile20" title="惊吓"></a></li><li><a href="javascript:void(0)" class="smile21" title="哈哈"></a></li><li><a href="javascript:void(0)" class="smile22" title="吃饭"></a></li><li><a href="javascript:void(0)" class="smile23" title="观察"></a></li><li><a href="javascript:void(0)" class="smile24" title="高兴"></a></li><li><a href="javascript:void(0)" class="smile25" title="皱眉"></a></li><li><a href="javascript:void(0)" class="smile26" title="大囧"></a></li><li><a href="javascript:void(0)" class="smile27" title="邪恶"></a></li><li><a href="javascript:void(0)" class="smile28" title="锁眉"></a></li><li><a href="javascript:void(0)" class="smile29" title="惊喜"></a></li><li><a href="javascript:void(0)" class="smile30" title="小怒"></a></li><li><a href="javascript:void(0)" class="smile31" title="无语"></a></li><li><a href="javascript:void(0)" class="smile32" title="傻笑"></a></li><li><a href="javascript:void(0)" class="smile33" title="黑线"></a></li><li><a href="javascript:void(0)" class="smile34" title="喜极而泣"></a></li><li><a href="javascript:void(0)" class="smile35" title="口水"></a></li><li><a href="javascript:void(0)" class="smile36" title="不说话"></a></li><li><a href="javascript:void(0)" class="smile37" title="抽烟"></a></li><li><a href="javascript:void(0)" class="smile38" title="汗"></a></li><li><a href="javascript:void(0)" class="smile39" title="尴尬"></a></li><li><a href="javascript:void(0)" class="smile40" title="小眼睛"></a></li><li><a href="javascript:void(0)" class="smile41" title="龇牙"></a></li><li><a href="javascript:void(0)" class="smile42" title="亲亲"></a></li><li><a href="javascript:void(0)" class="smile43" title="哭泣"></a></li><li><a href="javascript:void(0)" class="smile44" title="大吃一惊"></a></li>    </ul>
    <ul class="smileBox" style="display:none;">
        <li><a href="javascript:void(0)" class="smile46" title="不高兴"></a></li><li><a href="javascript:void(0)" class="smile47" title="得意"></a></li><li><a href="javascript:void(0)" class="smile48" title="阴脸"></a></li><li><a href="javascript:void(0)" class="smile49" title="装大款"></a></li><li><a href="javascript:void(0)" class="smile50" title="吐舌"></a></li><li><a href="javascript:void(0)" class="smile51" title="暗地观察"></a></li><li><a href="javascript:void(0)" class="smile52" title="吐血"></a></li><li><a href="javascript:void(0)" class="smile53" title="脸红"></a></li><li><a href="javascript:void(0)" class="smile54" title="肿包"></a></li><li><a href="javascript:void(0)" class="smile55" title="抠鼻"></a></li><li><a href="javascript:void(0)" class="smile56" title="赞一个"></a></li><li><a href="javascript:void(0)" class="smile57" title="中指"></a></li><li><a href="javascript:void(0)" class="smile58" title="期待"></a></li><li><a href="javascript:void(0)" class="smile59" title="倒地"></a></li><li><a href="javascript:void(0)" class="smile60" title="火冒三丈"></a></li><li><a href="javascript:void(0)" class="smile61" title="吐"></a></li><li><a href="javascript:void(0)" class="smile62" title="喷水"></a></li><li><a href="javascript:void(0)" class="smile63" title="喷血"></a></li><li><a href="javascript:void(0)" class="smile64" title="蜡烛"></a></li><li><a href="javascript:void(0)" class="smile65" title="想一想"></a></li><li><a href="javascript:void(0)" class="smile66" title="认真听讲"></a></li><li><a href="javascript:void(0)" class="smile67" title="不好意思"></a></li><li><a href="javascript:void(0)" class="smile68" title="欢呼"></a></li><li><a href="javascript:void(0)" class="smile69" title="便便"></a></li><li><a href="javascript:void(0)" class="smile70" title="鼓掌"></a></li><li><a href="javascript:void(0)" class="smile71" title="深思"></a></li><li><a href="javascript:void(0)" class="smile72" title="害羞"></a></li><li><a href="javascript:void(0)" class="smile73" title="苦恼"></a></li><li><a href="javascript:void(0)" class="smile74" title="长草"></a></li><li><a href="javascript:void(0)" class="smile75" title="无所谓"></a></li><li><a href="javascript:void(0)" class="smile76" title="咽气"></a></li><li><a href="javascript:void(0)" class="smile77" title="投降"></a></li><li><a href="javascript:void(0)" class="smile78" title="没看见"></a></li><li><a href="javascript:void(0)" class="smile79" title="击掌"></a></li><li><a href="javascript:void(0)" class="smile80" title="献黄瓜"></a></li><li><a href="javascript:void(0)" class="smile81" title="献花"></a></li><li><a href="javascript:void(0)" class="smile82" title="撞墙"></a></li><li><a href="javascript:void(0)" class="smile83" title="中刀"></a></li><li><a href="javascript:void(0)" class="smile84" title="中枪"></a></li>    </ul>
    <div class="smilePage">
        <a href="javascript:void(0)" class="current">1</a>
        <a href="javascript:void(0)">2</a>
    </div>
</div>    
    </div>
</div>
<div class="footer" id="footer" data-url="http://www.erdangjiade.com/" data-logout="http://www.erdangjiade.com/Download/logout?r=/js/714.html" data-id="714" data-mtype="2">
    <div class="footer_main clearfix">
        <div class="guide">
            <span class="guide_icon"></span>
            <ul class="ul_foot">
                <li><strong>网站模板</strong></li>
                <li><a href="js.html?/3-0-0-0-0-0">行业模板</a><a href="js.html?/7-0-0-0-0-0">专题模板</a></li>
                <li><a href="js.html?/4-0-0-0-0-0">商城模板</a><a href="js.html?/8-0-0-0-0-0">后台模板</a></li>
                <li><a href="js.html?/5-0-0-0-0-0">企业模板</a><a href="js.html?/9-0-0-0-0-0">其他模板</a></li>
                <li><a href="js.html?/31-0-0-0-96-0">求职招聘</a><a href="js.html?/22-0-0-0-96-0">订餐外送</a></li>
                <li><a href="js.html?/69-0-0-0-0-0">个人博客</a><a href="js.html?/0-0-0-0-96-0">中文模板</a></li>
            </ul>
        </div>
        <div class="stores">
            <span class="stores_icon"></span>
            <ul class="ul_foot">
                <li><strong>jquery特效</strong></li>
                <li><a href="js.html?/7-0-0-0">图片代码</a><a href="js.html?/7-0-0-0">悬浮层/弹出层</a></li>
                <li><a href="js.html?/8-0-0-0">导航菜单</a><a href="js.html?/14-0-0-0">其它特效</a></li>
                <li><a href="js.html?/9-0-0-0">选项卡/滑动门</a><a href="js.html?/53-0-0-0">PHP+Ajax</a></li>
                <li><a href="js.html?/11-0-0-0">表单代码</a><a href="js.html?/128-0-0-0">jQuery插件</a></li>
            </ul>
        </div>
        <div class="rebate">
            <span class="rebate_icon"></span>
            <ul class="ul_foot">
                <li><strong>推荐jQuery</strong></li>
                <li><a href="js.html?/177.html">datepicker</a><a href="js.html?/44.html">flowplayer</a></li>
                <li><a href="js.html?/1.html">jQuery购物车</a><a href="js.html?/85.html">jquery表单验证</a></li>
                <li><a href="js.html?/200.html">lightbox</a><a href="js.html?/125.html">jquery滚动条</a></li>
                <li><a href="js.html?/45.html">fancybox</a><a href="js.html?/268.html">WebUploader</a></li>
                <li><a href="js.html?/107.html">fullcalendar</a><a href="js.html?/3.html">上传</a></li>
            </ul>
        </div>
        <div class="follow">
            <span class="follow_icon"></span>
            <ul>
                <li>
                    <strong>联系我们</strong>
                </li>
                <li>
                    <a  class="qq-chat" href="http://wpa.qq.com/msgrd?v=3&uin=368848856&site=qq&menu=yes" target="_blank">
                        <img alt="QQ在线客服" src="Public/images/qq-chat.png">
                    </a>
                    
                </li>
                <li>qq群：368848856</li>
                <li>邮箱：368848856@qq.com</li>
                <li>手机：erdangjiade</li>
            </ul>
        </div>
        <div class="friendly">
                        <div class="foot_menu">
                <a href="help.html" target="_blank">扒模板</a>
                <a href="help.html" target="_blank">联系我们</a>
                <a href="help.html" target="_blank">关于我们</a>
                <a href="help.html" target="_blank">招纳贤士</a>
                <a href="js.html?map.html" target="_blank">网站地图</a>
                <span class="address">Copyright&copy;2010-2020 All Rights Reserved. 沪ICP备88888888</span>
            </div>
        </div>
    </div>
</div>

<div id="windown_box" class="modal fade">
    <div class="pop_title">
        <div class="pop_name">登录</div>
        <i class="pop_close" onclick="$('#windown_box').modal('hide')"></i>
    </div>
    <div class="pop_content">
        <div class="form_item">
            <div class="item_tip">用户名/邮箱</div>
            <input id="email" name="email"  class="form_input" type="text" autocomplete="off" tabindex="1" value="" onblur="blurInputLoginBox($(this))"  onfocus ="focusInputLoginBox($(this))"/>
        </div>
        <div class="form_item">
            <div class="item_tip">密码</div>
            <input name="pwd" id="pwd"class="form_input" type="password" tabindex="2" value="" onblur="blurInputLoginBox($(this))"  onfocus ="focusInputLoginBox($(this))" />
        </div>
        <div class="captchaBox">
            <div class="two_weeks">
                <input id="rememberme" class="ckeckBox" type="checkbox" name="rememberme">
                <label for="rememberme">两周内免登录</label>
                <a  href="http://www.erdangjiade.com/reg.html" target="_blank" class="loginbox_reg">免费注册</a>
            </div>
        </div>
        <p class="notice_error"></p>
        <input id="btn_login" class="btn" type="button" onclick="sublogin()" tabindex="4" value="登  录">
        <a class="a_underline" href="http://www.erdangjiade.com/forget.html">忘记密码？</a>
        <div class="co_login" style="margin:20px 0 0">
                联合登录
                <a class="a_underline" href="http://www.erdangjiade.com/Index/login/type/qq.html">腾讯QQ</a>
                <a class="a_underline" href="http://www.erdangjiade.com/Index/login/type/sina.html">新浪微博</a>
                <a class="a_underline" href="http://www.erdangjiade.com/Index/login/type/renren.html">人人网</a>
                绑定送<span class="red">200</span>积分
            </div>
    </div>
</div>
<script src="Public/js/other/jquery_highlight.js" type="text/javascript"></script>
    <script src="Public/js/common.js" type="text/javascript"></script>

<!--[if !IE]><!-->
    <script src="Public/js/other/jquery.chili-2.2.js" type="text/javascript"></script>
    <script src="Public/js/other/recipes.js" type="text/javascript"></script>
    <!--<![endif]--><div class="mmsg-box mmsg-box-info" id='msg-box' style="margin-top: -23.5px; margin-left: -96.5px;">
    <div class="mmsg-content">
        <i class="mmsg-icon"></i>
        <p id='msg-box-content'></p>
    </div>
    <div class="mmsg-background"></div>
</div>
<script  type="text/javascript">

</script>
</body>
</html>